<?xml version="1.0" encoding="UTF-8" ?>
<xsl:stylesheet version="1.0"
	xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
	<xsl:output method="xml" version="1.0" encoding="UTF-8"
		indent="yes" />
	<xsl:include href="../stylesheets/historico_indicador.xsl" />
	<xsl:include href="../stylesheets/menu.xsl" />
	
	<xsl:template match="/">

		<PAGE>

			<xsl:if test="//PAGEDATA/guardado = 'false'">
				<mensaje tipo="error">
					<titulo>Error</titulo>
					<contenido>
						Lo sentimos, no se pudo guardar el indicador. Por favor intentelo
						nuevamente.

						<div style="text-align:right">
							<input class="boton" type="button"
								onclick="$('.area-msg').hide();" value="Aceptar" />
						</div>
					</contenido>
				</mensaje>
			</xsl:if>

			<xsl:if test="//PAGEDATA/guardado = 'true'">
				<mensaje tipo="ok">
					<titulo>Transacción exitosa</titulo>
					<contenido>

						<div>
							El indicador se ha guardado exitosamente!.
						</div>

						<div style="text-align:right">
							<input class="boton" type="button" onclick="$('.area-msg').hide();"
								value="Aceptar" />
						</div>
					</contenido>
				</mensaje>
			</xsl:if>
			
			<add type='script' src="public/indicadores/PageIndicador.js" />

			<xsl:apply-templates select="//XMLPAGE/*" />
			<esquemaHCF />
			<div style="margin:15px 0 15px 0">
				<xsl:call-template name="menu"/>
				<div style="float:left; width:77%;">
					<div style="margin-left:5px">
						<!-- ============= -->
						<!-- CONTENIDO -->
						<!-- ============= -->

						<seccion>
							<xsl:variable name="indicador" select="//PAGEDATA/indicador/Indicador"/>
							<titulo>
								<xsl:choose>
									<xsl:when test="count(//PAGEDATA/edit) > 0 or //PAGEDATA/guardado = 'true'">
										Editar Indicador
									</xsl:when>
									<xsl:otherwise>
										Nuevo Indicador
									</xsl:otherwise>
								</xsl:choose>
								
							</titulo>
							<contenido>
								<canvas>
									<contenido>
										<form id="form_indicador">
											<xsl:choose>
												<xsl:when test="count(//PAGEDATA/edit) > 0 or //PAGEDATA/guardado = 'true'">
													<input type="hidden" name="save" />
													<input type="hidden" name="edit" />
												</xsl:when>
												<xsl:otherwise>
													<input type="hidden" name="save" />
												</xsl:otherwise>
											</xsl:choose>
											<table class="table-formulario">
												<tbody>
													<tr>
														<td class="align-right w30pto">
															<b>(*)Código Indicador </b>
														</td>
														<td width="" valign="top">
															<input id="Indicador.ind_codigo" name="Indicador.ind_codigo"
																class="text" type="text" value="{$indicador/ind_codigo}" >
																<xsl:if test="count(//PAGEDATA/edit) > 0 or //PAGEDATA/guardado = 'true'">
																	<xsl:attribute name="readonly"/>
																</xsl:if>
															</input>
														</td>
														<td width="200px"></td>
													</tr>
													<tr>
														<td class="align-right w30pto">
															<b>(*)Sigla Indicador </b>
														</td>
														<td width="" valign="top">
															<input id="Indicador.ind_sigla" name="Indicador.ind_sigla"
																class="text" type="text" value="{$indicador/ind_sigla}"  maxlength="15">
																<xsl:if test="count(//PAGEDATA/edit) > 0 or //PAGEDATA/guardado = 'true'">
																	<xsl:attribute name="readonly"/>
																</xsl:if>
															</input>
														</td>
														<td width="200px"></td>
													</tr>
													<tr>
														<td class="align-right w30pto">
															<b>(*)Descripción Larga Indicador </b>
														</td>
														<td width="" valign="top">
															<input id="Indicador.ind_descripcion_larga" name="Indicador.ind_descripcion_larga"
																class="text" type="text" value="{$indicador/ind_descripcion_larga}" maxlength="250"/>
														</td>
														<td width="200px"></td>
													</tr>
													<tr>
														<td class="align-right w30pto">
															<b>(*)Descripción Corta Indicador</b>
														</td>
														<td width="" valign="top">
															<input id="Indicador.ind_descripcion_corta" name="Indicador.ind_descripcion_corta"
																class="text" type="text" value="{$indicador/ind_descripcion_larga}" maxlength="30" />
														</td>
														<td width="200px"></td>
													</tr>
													<tr>
														<td class="align-right w30pto">
															<b>(*)Area clave u Objetivo estrategico </b>
														</td>
														<td width="" valign="top">
															<select id="Indicador.are_codigo" name="Indicador.are_codigo">
																<option>--Seleccione--</option>
																<xsl:for-each select="//PAGEDATA/areas/ArrayList/ListaIndicador">
																	<option value="{codigo}">
																		<xsl:if test="$indicador/are_codigo = codigo">
																			<xsl:attribute name="selected"></xsl:attribute>
																		</xsl:if>
																		<xsl:value-of select="descripcion" />
																	</option>
																</xsl:for-each>
															</select>
														</td>
														<td width="200px"></td>
													</tr>
													<tr>
														<td class="align-right w30pto">
															<b>(*)Código gerencia Responsable </b>
														</td>
														<td width="" valign="top">
															<select id="Indicador.ind_gerencia" name="Indicador.ind_gerencia">
																<option>--Seleccione--</option>
																<xsl:for-each select="//PAGEDATA/areas/ArrayList/ListaIndicador">
																	<option value="{codigo}">
																		<xsl:if test="$indicador/ind_gerencia = codigo">
																			<xsl:attribute name="selected"></xsl:attribute>
																		</xsl:if>
																		<xsl:value-of select="descripcion" />
																	</option>
																</xsl:for-each>
															</select>
														</td>
														<td width="200px"></td>
													</tr>
													<tr>
														<td class="align-right w30pto">
															<b>(*)Tipo de Indicador </b>
														</td>
														<td width="" valign="top">
															<select id="Indicador.tin_codigo" name="Indicador.tin_codigo" style="width: 350px">
																<option>--Seleccione--</option>
																<xsl:for-each select="//PAGEDATA/tipos/ArrayList/ListaIndicador">
																	<option value="{codigo}">
																		<xsl:if test="$indicador/tin_codigo = codigo">
																			<xsl:attribute name="selected"></xsl:attribute>
																		</xsl:if>
																		<xsl:value-of select="descripcion" />
																	</option>
																</xsl:for-each>
															</select>
														</td>
														<td width="200px"></td>
													</tr>
													<tr>
														<td class="align-right w30pto">
															<b>(*)Código de Area responsable </b>
														</td>
														<td width="" valign="top">
															<input id="Indicador.ind_area_responsable" name="Indicador.ind_area_responsable"
																class="text" type="text" value="{$indicador/ind_area_responsable}"  />
														</td>
														<td width="200px"></td>
													</tr>
													<tr>
														<td class="align-right w30pto">
															<b>El indicador mide </b>
														</td>
														<td width="" valign="top">
															<input id="Indicador.ind_mide" name="Indicador.ind_mide"
																class="text" type="text" value="{$indicador/ind_mide}" maxlength="250"/>
														</td>
														<td width="200px"></td>
													</tr>
													<tr>
														<td class="align-right w30pto">
															<b>El indicador se lee </b>
														</td>
														<td width="" valign="top">
															<input id="Indicador.ind_se_lee" name="Indicador.ind_se_lee"
																class="text" type="text" value="{$indicador/ind_se_lee}" maxlength="250"/>
														</td>
														<td width="200px"></td>
													</tr>
													<tr>
														<td class="align-right w30pto">
															<b>El indicador se calcula </b>
														</td>
														<td width="" valign="top">
															<input id="Indicador.ind_se_calcula" name="Indicador.ind_se_calcula"
																class="text" type="text" value="{$indicador/ind_se_calcula}" maxlength="250"/>
														</td>
														<td width="200px"></td>
													</tr>
													<tr>
														<td class="align-right w30pto">
															<b>(*)Base Cálculo Acumulado </b>
														</td>
														<td width="" valign="top">
															<select id="Indicador.ind_acumula" name="Indicador.ind_acumula">
																<option>--Seleccione--</option>
																<xsl:for-each
																	select="//PAGEDATA/acumula/ArrayList/ListaIndicador">
																	<option value="{codigo}">
																		<xsl:if test="$indicador/ind_acumula = codigo">
																			<xsl:attribute name="selected"></xsl:attribute>
																		</xsl:if>
																		<xsl:value-of select="descripcion" />
																	</option>
																</xsl:for-each>
															</select>
														</td>
														<td width="200px"></td>
													</tr>
													<tr>
														<td class="align-right w30pto">
															<b>(*)Unidad Medida del Indicador </b>
														</td>
														<td width="" valign="top">
															<select id="Indicador.ume_codigo" name="Indicador.ume_codigo">
																<option>--Seleccione--</option>
																<xsl:for-each
																	select="//PAGEDATA/unidades/ArrayList/ListaIndicador">
																	<option value="{codigo}">
																		<xsl:if test="$indicador/ume_codigo = codigo">
																			<xsl:attribute name="selected"></xsl:attribute>
																		</xsl:if>
																		<xsl:value-of select="descripcion" />
																	</option>
																</xsl:for-each>
															</select>
														</td>
														<td width="200px"></td>
													</tr>
													<tr>
														<td class="align-right w30pto">
															<b>(*)Naturaleza del indicador </b>
														</td>
														<td width="" valign="top">
															<input type="radio" name="Indicador.ind_naturaleza"
																value="C">
																<xsl:if test="$indicador/ind_naturaleza = 'C'">
																	<xsl:attribute name="checked"></xsl:attribute>
																</xsl:if>
																Creciente
															</input>
															<input type="radio" name="Indicador.ind_naturaleza"
																value="D">
																<xsl:if test="$indicador/ind_naturaleza = 'D'">
																	<xsl:attribute name="checked"></xsl:attribute>
																</xsl:if>
																Decreciente
															</input>
														</td>
														<td width="200px"></td>
													</tr>
													<tr>
														<td class="align-right w30pto">
															<b>(*)Periodo de medición </b>
														</td>
														<td width="" valign="top">
															<select id="Indicador.pin_codigo" name="Indicador.pin_codigo">
																<option>--Seleccione--</option>
																<xsl:for-each
																	select="//PAGEDATA/periodos/ArrayList/ListaIndicador">
																	<option value="{codigo}">
																		<xsl:if test="$indicador/pin_codigo = codigo">
																			<xsl:attribute name="selected"></xsl:attribute>
																		</xsl:if>
																		<xsl:value-of select="descripcion" />
																	</option>
																</xsl:for-each>
															</select>
														</td>
														<td width="200px"></td>
													</tr>
													<tr>
														<td class="align-right w30pto">
															<b>(*)Tipo de Ingreso del valor del indicador </b>
														</td>
														<td width="" valign="top">
															<input type="radio" name="Indicador.ind_tipo_ingreso"
																value="A" class="radio_tipo_ingreso">
																<xsl:if test="$indicador/ind_tipo_ingreso = 'A'">
																	<xsl:attribute name="checked"></xsl:attribute>
																</xsl:if>
																Automática
															</input>
															<input type="radio" name="Indicador.ind_tipo_ingreso"
																value="M" class="radio_tipo_ingreso">
																<xsl:if test="$indicador/ind_tipo_ingreso = 'M'">
																	<xsl:attribute name="checked"></xsl:attribute>
																</xsl:if>
																Manual
															</input>
														</td>
														<td width="200px"></td>
													</tr>
													<tr>
														<td class="align-right w30pto">
															<b>(*)Indicador Activo o Inactivo </b>
														</td>
														<td width="" valign="top">
															<input type="radio" name="Indicador.ind_activo"
																value="true">
																<xsl:if test="$indicador/ind_activo != 'false'">
																	<xsl:attribute name="checked"></xsl:attribute>
																</xsl:if>
																Activo
															</input>
															<input type="radio" name="Indicador.ind_activo"
																value="false" >
																<xsl:if test="$indicador/ind_activo = 'false'">
																	<xsl:attribute name="checked"></xsl:attribute>
																</xsl:if>
																Inactivo
															</input>
														</td>
														<td width="200px"></td>
													</tr>
													<tr>
														<td class="align-right w30pto">
															<b>Fecha y Hora de creación del indicador </b>
														</td>
														<td width="" valign="top">
															<input id="Indicador.ind_fecha_ingreso"
																class="text" type="text" disabled="disabled" value="{$indicador/ind_fecha_ingreso}"/>
														</td>
														<td width="200px"></td>
													</tr>
													<tr>
														<td class="align-right w30pto">
															<b>Fecha y Hora de actualización del indicador </b>
														</td>
														<td width="" valign="top">
															<input id="Indicador.ind_fecha_actualizacion" 
																class="text" type="text" disabled="disabled" value="{$indicador/ind_fecha_actualizacion}"/>
														</td>
														<td width="200px"></td>
													</tr>
													<tr id="formula_indicador">
														<xsl:if test="$indicador/ind_tipo_ingreso != 'A'">
															<xsl:attribute name="style">display:none</xsl:attribute>
														</xsl:if>
														<td class="align-right w30pto">
															<b>(*)Fórmula Indicador </b>
														</td>
														<td width="" valign="top">
															<select id="Indicador.fin_codigo" name="Indicador.fin_codigo">
																<option>--Seleccione--</option>
																<xsl:for-each
																	select="//PAGEDATA/formulas/ArrayList/ListaIndicador">
																	<option value="{codigo}">
																		<xsl:if test="$indicador/fin_codigo = codigo">
																			<xsl:attribute name="selected"></xsl:attribute>
																		</xsl:if>
																		<xsl:value-of select="descripcion" />
																	</option>
																</xsl:for-each>
															</select>
														</td>
														<td width="200px"></td>
													</tr>
												</tbody>
											</table>
										</form>
										<areabotones>
											<input class="boton" type="button" onclick="$('#form_indicador').submit()"
												value="Guardar" />
											<input class="boton" type="button"
												onclick="osm_go('indicadores/PageIndicadores.pub');" value="Volver" />
										</areabotones>
										
										<!--PRUEBA GRAFICA--> 
										<!--  <xsl:call-template name="historico_indicador"/> -->
										
									</contenido>
								</canvas>
							</contenido>
						</seccion>
					</div>
				</div>
			</div>
		</PAGE>
	</xsl:template>


	<!-- ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->

	<xsl:template match="@*|node()" priority="-1">
		<xsl:copy>
			<xsl:apply-templates select="@*|node()" />
		</xsl:copy>
	</xsl:template>


</xsl:stylesheet>